.me{

    .head{
        background-image: url("../../../../public/img/me_back.png");
        background-size: cover;
        width: 100%;
        height: 166px;

        .head_div{
            width: 100%;
            height: 90px;
            display: flex;

            justify-content: right;
            align-items: center;

            .head_Setup{
                width: 20px;
                height: 20px;
                margin-right: 15px;
            }
        }

        .head_div1{
            display: flex;
            align-items: center;
            .head_avatar{
                width: 50px;
                height: 50px;
                border-radius: 25px;
                margin-left: 20px;
            }

            .head_text{
                font-size: 16px;
                margin-left: 10px;
            }
        }
    }


    .metype{
        display: flex;
        justify-content: space-between;
        padding: 20px 20px;

        .metype_li{
            text-align: center;

            .metype_img{
                width: 39px;
                height: 39px;
            }

            .metype_text{
                margin-top: 10px;
            }
        }
    }

    .melist{
        
        margin-top: 20px;
        .melist_li{
            display: flex;
            align-items: center;

            padding: 16px 10px;
            border-bottom: 1px solid #e7e0e09f;

            .melist_img{
                width: 20px;
                height: 20px;
            }

            .melist_text{
                margin-left: 10px;
            }
        }
    }
}